@import "./../theme";
@import "./../var";
@import "./widget-vars";

.widget-tab {
  padding: $widget-item-common-padding;
  //background: $widget-container-bg;
  position: relative;
  border-radius: $radiusRegular;
  margin: $widget-item-common-margin 0;

  .el-tabs__header {
    margin-bottom: 4px;
  }

  .el-tabs__content {
    padding: 0 !important;
  }

  .widget-tab-pane {
    padding: 12px;
    position: relative;
    box-sizing: border-box;
    background: $bgColorPrimary;
    border: $widget-container-border;
    border-color: transparent;
    border-radius: $radiusRegular;

    &.is-empty {
      background: $widget-container-bg-hover;
    }

    & + .widget-grid-item {
      margin-left: 0.4rem;
    }

    &:hover {
      border: $widget-container-border-hover;
    }

    &.active {
      background: $bgColorPrimary;
      border: $widget-container-border-active;
    }

    &::after {
      display: none;
    }
  }

  &.active {
    background: $widget-container-bg-active;
  }

  &:hover {
    background: $widget-container-bg-hover;

    &.active {
      background: $widget-container-bg-hover-active;
    }
  }

  &::after {
    display: none;
  }
}
